import { Component,Output, EventEmitter  } from '@angular/core';

@Component({
  selector: 'close-root',
  template: `
  <div class="close" (click)="change()"></div>
  `,
  styles:[`
  .close{    position: absolute;
    background-image: url(/assets/img/close.png);
    background-repeat: no-repeat;
    background-position: center;
    right: 20px;
    top: 20px;
    cursor: pointer;
    width: 12px;
    height: 12px;
    font-size: 20px;
    z-index:3000;
    line-height: 20px;}
  `]
})
export class closeComponent {
  @Output() close = new EventEmitter<Event>();
  
  change()
 { console.log(1)
    this.close.emit()
  }
}
